@import "@/assets/styles/theme/theme.scss";
// 定义遍历主题变量的方法
@mixin theme-foreach{
    @each $theme-key , $theme-map in $theme{
       $theme-map:$theme-map !global;
       [data-theme="#{''+$theme-key}"] & {
         @content;
       }
    }
}
// 定义获取具体主题内容的方法
@function theme-get($key){
@return map-get($theme-map,$key);
}

@mixin theme-get-all{
  @include theme-foreach{
    color:theme-get('color') !important;
    background:theme-get('background') !important;
    border:theme-get('border') !important;
}
}

@mixin font-color{
   @include theme-foreach{
       color:theme-get('color') !important;
   }
}

@mixin background-color{
  @include theme-foreach{
       background:theme-get('background') !important;
   }
}

@mixin border-color{
  @include theme-foreach{
       border:theme-get('border') !important;
   }
}